title = "index"
url = "/"
layout = "default"
==
<div id="contents">
	<article id="topIndex">
	{% partial 'search_block' %}
	<div class="_tabArea mt15" id="_allProduct">
	 <ul class="flatTab_nav box_list">
		<li class="_tab _selected flatTab_navList flatTab_navList_box box_list_main">
		 <a class="_brandTab_tab flatTab_navList_link" href="#">
			<div class="flatTab_navList_inner">{{ 'FEATURED'|_ }}</div>
		 </a>
		</li>
	</ul>
	 <div class="flatTab_contents">
		<div class="_contents _selected">
		 <ul class="list_product_box clearfix twoColumn">
		 {% for key, val in catalog.ProductSection('featured_Products').items %}
			<li class="list_product_item">
			 <div class="box_list list_product_item_inner">
													<a class="list_product_link box_list_main" title="{{val.name}}" href="{{val.url}}?rel=mhome-newproduct">                                
				 <div class="list_product_frame">
					<div class="list_product_img_block">
					 <img class="" src="{{ val.f_thumb }}" alt="{{val.name}}">
					</div>
					{% if val.discount %}
					 <div class="sale-label">{{ val.discount }} OFF</div>
																				{% endif %}
					<div class="list_product_text_block">
					 <p class="list_product_brand rdstr">{{val.name}}</p>
					 <p class="list_product_brand rdstr">
						<b class="list_product_price force_color">{{ val.price|formatPrice }}</b>
						{% if val.list_price > 0 %}                                
						<span class="old-price">{{val.list_price|formatPrice }}</span>
																					{% endif %}
					 </p>
							<p class="list_product_price_block rdstr">
																 <span class="reviewStar size1 star{{ val.rating | round }}" style="position:relative;top:2px;"></span>
                                    {% if count(val.reviews)  > 0 %}

																 <span class="txtPoint">({{ count(val.reviews) }} {{ 'reviews'|_ }})</span>
																 {%endif%}
																						</p>
					</div>
					<span class="arrow"></span>
				 </div>
				</a>
			 </div>
			</li>
								 {% endfor %}
		 </ul>
		</div>
	 </div>
	</div>
    
    <div class="_tabArea mt15" id="_allProduct">
	 <ul class="flatTab_nav box_list">
		<li class="_tab _selected flatTab_navList flatTab_navList_box box_list_main">
		 <a class="_brandTab_tab flatTab_navList_link" href="#">
			<div class="flatTab_navList_inner">{{ "WHAT'S NEW"|_ }}</div>
		 </a>
		</li>
	 </ul>
	 <div class="flatTab_contents">
		<div class="_contents _selected">
		 <ul class="list_product_box clearfix twoColumn">
		 {% for key, val in catalog.ProductSection('new_Products').items %}
			<li class="list_product_item">
			 <div class="box_list list_product_item_inner">
													 <a class="list_product_link box_list_main" title="{{val.name}}" href="{{val.url}}?rel=mhome-recommended">                                
				 <div class="list_product_frame">
					<div class="list_product_img_block">
					 <img class="" src="{{ val.f_thumb }}" alt="{{val.name}}">
					</div>
					{% if product.discount %}
					 <div class="sale-label">{{ val.discount }} OFF</div>
																				{% endif %}
					<div class="list_product_text_block">
					 <p class="list_product_brand rdstr">{{val.name}}</p>
					 <p class="list_product_brand rdstr">
						<span class="list_product_price force_color">{{ val.price|formatPrice }}</span>
						{% if product.list_price > 0 %}                                
						<span class="old-price">{{val.list_price|formatPrice }}</span>
																						{% endif %}
					 </p>
							<p class="list_product_price_block rdstr">
									<span class="reviewStar size1 star{{ val.rating | round }}" style="position:relative;top:2px;"></span>
									<span class="txtPoint">({{ count(val.reviews) }} reviews)</span>
																						</p>
					</div>
					<span class="arrow"></span>
				 </div>
				</a>
			 </div>
			</li>
								 {% endfor %}
		 </ul>
		</div>
	 </div>
	</div>
    
     <div class="_tabArea mt15" id="_allProduct">
	 <ul class="flatTab_nav box_list">
		<li class="_tab _selected flatTab_navList flatTab_navList_box box_list_main">
		 <a class="_brandTab_tab flatTab_navList_link" href="#">
			<div class="flatTab_navList_inner">{{ 'HOT SALE'|_ }}</div>
		 </a>
		</li>
	 </ul>




	 <div class="flatTab_contents">
		<div class="_contents _selected">
		 <ul class="list_product_box clearfix twoColumn">
		 {% for key, val in catalog.ProductSection('sale_Products').items %}
			<li class="list_product_item">
			 <div class="box_list list_product_item_inner">
														 <a class="list_product_link box_list_main" title="{{val.name}}" href="{{val.url}}?rel=mhome-sale">                                
				 <div class="list_product_frame">
					<div class="list_product_img_block">
					 <img class="" src="{{ val.f_thumb }}" alt="{{val.name}}">
					</div>
					{% if product.discount %}
					 <div class="sale-label">{{ val.discount }} OFF</div>
																				{% endif %}
					<div class="list_product_text_block">
					 <p class="list_product_brand rdstr">{{val.name}}</p>
					 <p class="list_product_brand rdstr">
						<span class="list_product_price force_color">{{ val.price|formatPrice }}</span>
						{% if product.list_price > 0 %}                                
						<span class="old-price">{{val.list_price|formatPrice }}</span>
																					{% endif %}
					 </p>
							<p class="list_product_price_block rdstr">
								 <span class="reviewStar size1 star{{ val.rating | round }}" style="position:relative;top:2px;"></span>
								 <span class="txtPoint">({{ count(val.reviews) }} {{ 'reviews'|_ }})</span>
																				 </p>
					</div>
					<span class="arrow"></span>
				 </div>
				</a>
			 </div>
			</li>
								 {% endfor %}
		 </ul>

		</div>
	 </div>
	</div>
    
	{% set telephoneAd = catalog.fetchAd('telephone-ad') %}
	<ul class="gn_bnr_list">
	 {% for item in telephoneAd.items %}
	 <li>
		<a href="{{ item.link }}"><img src="{{ item.image.getPath() }}" width="100%" height="auto"></a>
	 </li>
	 {% endfor %}
	</ul>
 </article>
{% partial 'info-email' %}
</div>
<link href="{{ 'assets/css/index.css'|theme }}" rel="stylesheet" type="text/css" />
<link href="{{ 'assets/css/swiper.min.css'|theme }}" rel="stylesheet" type="text/css" />
<!-- <script type="text/javascript" src="{{ 'assets/js/index.js'|theme }}"></script> -->
<script type="text/javascript" src="{{ 'assets/js/swiper.min.js'|theme }}"></script>
<script type="text/javascript">
 var swiper = new Swiper('.se_bnr_list',{
	pagination: '.swiper-pagination',
				paginationClickable: true,
				spaceBetween: 30,
				centeredSlides: true,
				autoplay: 3000,
				autoplayDisableOnInteraction: false
		});
</script>
